<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="UTF-8">
    <title>注册页面</title>
    <link href="../css/registerCss.css" rel="stylesheet"/>
</head>
<body>

<form action="/user/addUser" method="post" id="registerForm">
    账  号：<input type="text" id="username" class="register" name="username"/><br/>
    密  码：<input type="password" id="password" class="register" name="password"/><br/>
    昵  称：<input type="text" id="name" class="register" name="name"/><br/>
    性  别：男<input id="man" type="radio" value="0" class="register" name="sex"/>女<input type="radio" id="woman" value="1" class="register" name="sex"/><br/>
    手  机：<input type="text" id="phone" class="register" name="phone"/><br/>
    <input type="button" value="注册" id="registerBtn" />
</form>
<script type="text/javascript" src="../js/jquery/jquery-3.4.1.min.js"></script>
<script>
    $('#registerBtn').click(function () {
        var targetUrl = $("#registerForm").attr("action");
        var formData = $("#registerForm").serialize();
        console.log('formData',formData)
        // console.log('formDataJson',formDataJson)
        $.ajax({
            type: "post",//请求方式
            url: targetUrl,//请求服务器地址
            // contentType: false,//设置将要传输内容的编码类型
            // processData : false,
            data:formData,
            success: function (data) {//完成时的事件
                alert('注册成功')
                console.log('data',data)
            },
            error: function (error) {//出现错误时的事件
                alert('注册失败，失败原因：'+error.responseJSON.errors[0].defaultMessage)
                console.log('error',error)
            }
        });
    });
</script>
</body>
</html>